<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<h1>111</h1>
<h1>111</h1>
<h1>111</h1>
<h2>22222</h2>

<button>给hm发送数据</button>

<script>
    // 3.2 劫持发送的对象
    window.addEventListener('message', function(event){
      // this.webviewController.postMessage('qf', [this.ports[1]], '*')
      // event.data 可以获取名字  第一个参数 qf
      // event.ports 可以获取数据  第二个参数 [this.ports[1]]

      switch(event.data) {
          // 代表发的是对讲机
        case 'qf':
          // 4 h5劫持hm发送的数据
          // 拿到对讲机
          const port = event.ports[0]
          // 监控鸿蒙推送的数据
          port.onmessage = (result) => {
            console.log('qf 收到【hm】推送的数据：', result.data)
          }
          document.querySelector('button').onclick = function() {
            port.postMessage('111')
          }
          break;
      }
    })
</script>